<template>
  <div id="zhibiao">
    <div>
      <h1>指标大全</h1>
      <dl class="dl">
        <dt><img src="http://www.jz5158.cn/static/images/books/%E6%9C%BA%E6%99%BA%E8%B5%84%E9%87%91%E6%B5%81.png" alt=""></dt>
        <dd>
          <h6>机智资金流-高级版</h6>
          <p>推荐指数:四点五星☆</p>
          <p>短线必备！简单有效的跟庄利器，主力建仓出货一目了然</p>
        </dd>
      </dl>
      <dl class="dl">
        <dt><img src="http://www.jz5158.cn/static/images/books/%E6%9C%BA%E6%99%BA%E8%B5%84%E9%87%91%E6%B5%81.png" alt=""></dt>
        <dd>
          <h6>机智资金流-高级版</h6>
          <p>推荐指数:四点五星☆</p>
          <p>短线必备！简单有效的跟庄利器，主力建仓出货一目了然</p>
        </dd>
      </dl>
      <!-- --------- -->
      <dl class="dl">
        <dt><img src="http://www.jz5158.cn/static/images/books/%E5%8C%97%E4%B8%8A%E8%B5%84%E9%87%91%E6%B5%81%E7%B3%BB%E7%BB%9F.png" alt=""></dt>
        <dd>
          <h6>机智北上资金流</h6>
          <p>推荐指数:四点五星☆</p>
          <p>简单有效的跟庄利器，主力建仓出货一目了然</p>
        </dd>
      </dl>
      <dl class="dl">
        <dt><img src="http://www.jz5158.cn/static/images/books/%E5%BA%95%E9%83%A8%E5%8C%BA%E9%80%89%E8%82%A1.png" alt=""></dt>
        <dd>
          <h6>机智底部选股</h6>
          <p>推荐指数:四点五星☆</p>
          <p>机智底部选股系统，高胜率筛选股价底部区域</p>
        </dd>
      </dl>
      <!-- ------------- -->
      <dl class="dl">
        <dt><img src="http://www.jz5158.cn/static/images/books/%E7%AD%B9%E7%A0%81%E5%BA%95%E7%89%8C%E7%B3%BB%E7%BB%9F.png" alt=""></dt>
        <dd>
          <h6>机智资金流-高级版</h6>
          <p>推荐指数:四点五星☆</p>
          <p>短线必备！简单有效的跟庄利器，主力建仓出货一目了然</p>
        </dd>
      </dl>
      <dl class="dl">
        <dt><img src="http://www.jz5158.cn/static/images/books/%E9%A3%8E%E9%99%A9%E5%8C%BA%E6%8F%90%E7%A4%BA2.png" alt=""></dt>
        <dd>
          <h6>机智资金流-高级版</h6>
          <p>推荐指数:四点五星☆</p>
          <p>短线必备！简单有效的跟庄利器，主力建仓出货一目了然</p>
        </dd>
      </dl>
      <dl class="dl">
        <dt><img src="http://www.jz5158.cn/static/images/books/%E8%B6%8B%E5%8A%BF%E6%98%8E%E7%81%AF.png" alt=""></dt>
        <dd>
          <h6>机智资金流-高级版</h6>
          <p>推荐指数:四点五星☆</p>
          <p>短线必备！简单有效的跟庄利器，主力建仓出货一目了然</p>
        </dd>
      </dl>
      <dl class="dl">
        <dt><img src="http://www.jz5158.cn/static/images/books/%E5%85%AD%E8%84%89%E7%A5%9E%E5%89%91.png" alt=""></dt>
        <dd>
          <h6>机智资金流-高级版</h6>
          <p>推荐指数:四点五星☆</p>
          <p>短线必备！简单有效的跟庄利器，主力建仓出货一目了然</p>
        </dd>
      </dl>
    </div>
  </div>
</template>
<style>
#zhibiao{
  float:right;
  width:70%;
  background: white;
  margin-top: 10%;
}
#zhibiao>div{
   overflow: hidden;
   float:right;
}
#zhibiao>div>h2{
  line-height: 50px;
  font-size: 30px;
}
.dl{
    width: 40%;
    height: 200px;
    float: left;
    background: #f2f2f2;
    padding-right: 5%;
    margin-top: 20px;
    margin-left: 1%;
    margin-right: 1%;
    padding: 3%;
    
}
.dl dt{
  float:left;
  margin-right:5%;
  height: 100%;
}
.dl dt img{
  height:100%;
}
</style>